@import "main.scss";
@import "addSendBottom";

.nameInput{
	background: $itemBg;
	border-color: $borderColor;
	border-style: solid;
	border-width: 1px 0;
	padding:25*$px;
	font-size: 30.7*$px;
	overflow: hidden;
	margin-bottom: 50*$px;
	.address{
		border-bottom: 1px solid #A0A0A0;
		overflow: hidden;
		padding-bottom: 20*$px;
		label{
			color:#238CE3;
			font-size: 30*$px;
			display: block;
		}
		img{
			vertical-align: middle;

		}
		img.left{
			float: left;
			width: 51*$px;
		}
		img.right{
			float: right;
			width: 43*$px;
			vertical-align: middle;
			margin-top: 20*$px;
		}
		input{
			font-size: 30.7*$px;
			width: 430*$px;
			background: none;
			border: none;
			color: #B1B1B1;
			float: left;
			margin-top: 20*$px;
		}
	}
	.name,.phone{
		color: #B1B1B1;
		line-height: 40*$px;
		height: 40*$px;
		float: left;
		width: 280*$px;
		margin-top: 15*$px;
		input{
			background: none;
			border: none;
			border-bottom: 1px solid $mainColor;
			width: 180*$px;
			margin-left: 15*$px;
			height: 40*$px;
			color: #aaa;
			font-size: 30*$px;
			text-align: center;
		}
	}
	.name{
		border-right: 1px solid #242424;
		margin-right: 25*$px;
	}
}
.chooseType{
	overflow: hidden;
	.item{
		font-size: 12*$px;
		float: left;
		.type{
			background-image: url("http://d2.freep.cn/3tb_1605142100439ag5564060.png");
			background-repeat: no-repeat;
			background-size: 128*$px*2;
			display: inline-block;
			width: 128*$px;
			height: 48*$px;
			vertical-align: middle;
		}
		.type1{
			background-position-x: -128*$px;
		}
		.desc{
			display: inline-block;
			color: #a0a0a0;
			width: 130*$px;
			vertical-align: middle;
			margin-left: 15*$px;
		}
		&.on{
			.desc{
				color:$fColor;
			}
			.type{
				background-position-y: -48*$px;
			}

		}
	}
	.divider{
		width: 1px;
		height: 40*$px;
		background: $mainColor;
		float: left;
		margin:0 18*$px;
	}
}